﻿<!DOCTYPE html>
<html>
<head>
    <title>吴淞学区红色电影征文活动</title>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width,initial-scale=1.0" />
    <link rel="stylesheet" type="text/css" href="asset/css/reset.css" />
    <style type="text/css">

        body{
            background-color: #fffcef;
            /*去除移动端webkit浏览器点击按钮或超链接默认灰色背景色*/
            -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
        }
        .wrap_menu{
            position: fixed;
            bottom: 0.5em;
            width: 100%;
            text-align: center;
        }

        .menu_item{
            display: inline-block;
            background-color: red;
            color: white;
            height: 2em;
            line-height: 2em;
            width: 6em;
            border-radius: 1em;
            text-decoration: none;
            border:1px solid red;
        }

        .menu_item:active{
            background-color: white;
            color: red;
        }
    </style>
</head>
<body>
<section style="margin-bottom: 3.5em;font-size: 14px; background-image: none; box-sizing: border-box; background-color: rgba(1, 0, 0, 0);">
    <section class="V5" style="position: static; background-image: none; box-sizing: border-box;">
        <section style="margin: 10px 0% 0px; background-image: none; position: static; box-sizing: border-box; background-color: rgba(1, 0, 0, 0);">
            <section style="display: inline-block; width: 100%; vertical-align: top; background-color: rgb(255, 252, 238); background-image: none; box-sizing: border-box;">
                <section class="V5" style="position: static; background-image: none; box-sizing: border-box;">
                    <section style="margin: 0px 0%; background-image: none; position: static; box-sizing: border-box; background-color: rgba(1, 0, 0, 0);">
                        <section style="background-color: rgb(182, 44, 37); height: 4px; background-image: none; box-sizing: border-box;"></section>
                    </section>
                </section>
                <section class="V5" style="position: static; background-image: none; box-sizing: border-box;">
                    <section style="text-align: center; margin: 10px 0%; background-image: none; position: static; box-sizing: border-box; background-color: rgba(1, 0, 0, 0);">
                        <section style="display: inline-block; width: 95%; vertical-align: top; border-width: 1px; border-radius: 0px; border-style: solid; border-color: rgb(184, 153, 112); padding: 10px; background-image: none; box-sizing: border-box;">
                            <section class="V5" style="position: static; background-image: none; box-sizing: border-box; background-color: rgba(1, 0, 0, 0);">
                                <section style="margin-top: 10px; margin-bottom: 10px; background-image: none; position: static; box-sizing: border-box;">
                                    <section style="display: inline-block; padding: 3px 0px; border-color: rgb(184, 153, 112); border-top: 1px solid rgb(184, 153, 112); border-bottom: 1px solid rgb(184, 153, 112); background-image: none; box-sizing: border-box; background-color: rgba(1, 0, 0, 0);">
                                        <section style="padding: 0px 5px; display: inline-block; background-color: rgb(182, 44, 37); color: rgb(255, 255, 255); font-size: 16px; background-image: none; box-sizing: border-box;">
                                            <p style="background-image: none; margin: 0px; padding: 0px; box-sizing: border-box;">
                                                我们有钢铁般的脊梁
                                            </p>
                                        </section>
                                    </section>
                                </section>
                            </section>
                            <section class="V5" style="background-image: none; box-sizing: border-box; background-color: rgba(1, 0, 0, 0);">
                                <section style="background-image: none; position: static; box-sizing: border-box;">
                                    <section style="text-align: left; background-image: none; box-sizing: border-box; background-color: rgba(1, 0, 0, 0);">
                                        <p style="background-image: none; margin: 0px; padding: 0px; box-sizing: border-box;">
                                            <br style="background-image: none; box-sizing: border-box; background-color: rgba(1, 0, 0, 0);"/>
                                        </p>
                                    </section>
                                </section>
                            </section>
                            <section class="V5" style="position: static; background-image: none; box-sizing: border-box; background-color: rgba(1, 0, 0, 0);">
                                <section style="margin-top: 10px; margin-bottom: 10px; background-image: none; position: static; box-sizing: border-box;">
                                    <section style="max-width: 100%; vertical-align: middle; display: inline-block; overflow: hidden; background-image: none; box-sizing: border-box; background-color: rgba(1, 0, 0, 0);">
                                        <img style="vertical-align: middle; max-width: 100%; box-sizing: border-box;" src="asset/images/a1eb58b6c8c00737e0e883571ac0fff0-sz_8926.jpg?x-oss-process=style/xmorient" data-ratio="0.7" data-w="300"/>
                                    </section>
                                </section>
                            </section>
                            <section class="V5" style="background-image: none; box-sizing: border-box; background-color: rgba(1, 0, 0, 0);">
                                <section style="background-image: none; position: static; box-sizing: border-box;">
                                    <section style="text-align: left; color: rgb(110, 85, 51); line-height: 1.8; background-image: none; box-sizing: border-box; background-color: rgba(1, 0, 0, 0);">
                                        <p style="text-indent: 2em; background-image: none; margin: 0px; padding: 0px; box-sizing: border-box;">
                                            这次看的电影《地道战》是一部1965年的经典老电影了，讲述了抗日战争时期中国民众并没有向残忍扫荡的鬼子屈服，他们这群“土八路”用自己强烈的爱国情操和一种你能够为玉碎不为瓦全的精神，运用自己的智慧，团结一致，不断改善他们的地道战方法，就像电影中说的“他们有他们的一套打法，我们有我们的一套打法。”事实也证明了，这精妙的地道战让鬼子进来了，一个也出不去。
                                        </p>
                                    </section>
                                </section>
                            </section>
                            <section class="V5" style="position: static; background-image: none; box-sizing: border-box; background-color: rgba(1, 0, 0, 0);">
                                <section style="margin-top: 10px; margin-bottom: 10px; background-image: none; position: static; box-sizing: border-box;">
                                    <section style="max-width: 100%; vertical-align: middle; display: inline-block; overflow: hidden; background-image: none; box-sizing: border-box; background-color: rgba(1, 0, 0, 0);">
                                        <img style="vertical-align: middle; max-width: 100%; box-sizing: border-box;" src="asset/images/52cf4a36b3c3811db37938ab4d33976b-sz_18066.jpg?x-oss-process=style/xmorient" data-ratio="0.6027778" data-w="360"/>
                                    </section>
                                </section>
                            </section>
                            <section class="V5" style="position: static; background-image: none; box-sizing: border-box; background-color: rgba(1, 0, 0, 0);">
                                <section style="background-image: none; position: static; box-sizing: border-box;">
                                    <section style="text-align: left; color: rgb(110, 85, 51); line-height: 1.8; background-image: none; box-sizing: border-box; background-color: rgba(1, 0, 0, 0);">
                                        <p style="text-indent: 2em; background-image: none; margin: 0px; padding: 0px; box-sizing: border-box;">
                                            正如我们在电影中所看到的，地道战这个方法并不是一开始就有如此神奇和令人惊叹的效果的，第一次地道战是失败的，被进村的鬼子弄得一塌糊涂。但是村民们并没有因此而气馁，反而他们越挫越勇，经过改良和设计，最后完成了进可攻退可守，地上地下都能作战，从单一的躲藏成为了能打能躲、防水防火防毒的地下工事，并逐渐构成了房连房、街连街、村连村的地道网，构成了内外联防，互相配合，打击敌人。冀中地区高家庄人民，在党支部书记高老忠和民兵队长高传宝的带领下，和日寇巧妙周旋，最后打得日军节节败退，落花流水，最终成功占领黑风口据点。
                                        </p>
                                    </section>
                                </section>
                            </section>
                            <section class="V5" style="position: static; background-image: none; box-sizing: border-box; background-color: rgba(1, 0, 0, 0);">
                                <section style="margin-top: 10px; margin-bottom: 10px; background-image: none; position: static; box-sizing: border-box;">
                                    <section style="max-width: 100%; vertical-align: middle; display: inline-block; overflow: hidden; background-image: none; box-sizing: border-box; background-color: rgba(1, 0, 0, 0);">
                                        <img style="vertical-align: middle; max-width: 100%; box-sizing: border-box;" src="asset/images/4f3bd8dd10c82e6b3f86df5c68206d94-sz_57888.jpg?x-oss-process=style/xmorient" data-ratio="0.6765625" data-w="640"/>
                                    </section>
                                </section>
                            </section>
                            <section class="V5" style="position: static; background-image: none; box-sizing: border-box; background-color: rgba(1, 0, 0, 0);">
                                <section style="background-image: none; position: static; box-sizing: border-box;">
                                    <section style="text-align: left; color: rgb(110, 85, 51); line-height: 1.8; background-image: none; box-sizing: border-box; background-color: rgba(1, 0, 0, 0);">
                                        <p style="text-indent: 2em; background-image: none; margin: 0px; padding: 0px; box-sizing: border-box;">
                                            电影中最让我感动的人物是高老忠，虽然他在整部电影中出现的时刻很短，可他的大义凛然，无惧生死深深的震撼了我。在夜晚独自一人去散步的高老忠意外发现了来偷袭高家庄的日军，他奋力奔跑，只为了摇响警钟，告诉村民日军来了，快躲进地道。即使被日军发现，即使知道自己会死，他也那么毫不犹豫地，用力地去敲响警钟。身中数枪的高老忠依旧没忘向日军掷去一枚炸弹，死得何其悲壮，何其令人动容。
                                        </p>
                                    </section>
                                </section>
                            </section>
                            <section class="V5" style="position: static; background-image: none; box-sizing: border-box; background-color: rgba(1, 0, 0, 0);">
                                <section style="background-image: none; position: static; box-sizing: border-box;">
                                    <section style="text-align: left; color: rgb(110, 85, 51); line-height: 1.8; background-image: none; box-sizing: border-box; background-color: rgba(1, 0, 0, 0);">
                                        <p style="text-indent: 2em; background-image: none; margin: 0px; padding: 0px; box-sizing: border-box;">
                                            电影中提到一句话，“分不清哪个是百姓，哪个是八路军。”这句话是汉奸对日军首领说的，这句话应证了军民一家，这也正是共产党的特点。全国民众都在毛泽东思想的带领下，勇敢地迎击敌军，发挥自身的优势来对抗对方的劣势。哪个时候的中国并不强大，也没有先进的作战武器，但是我们有全民一心的意志力，精神的强大使得八路军最终战胜了日军，赢得了胜利。
                                        </p>
                                    </section>
                                </section>
                            </section>
                            <section class="V5" style="position: static; background-image: none; box-sizing: border-box; background-color: rgba(1, 0, 0, 0);">
                                <section style="margin-top: 10px; margin-bottom: 10px; background-image: none; position: static; box-sizing: border-box;">
                                    <section style="max-width: 100%; vertical-align: middle; display: inline-block; overflow: hidden; background-image: none; box-sizing: border-box; background-color: rgba(1, 0, 0, 0);">
                                        <img style="vertical-align: middle; max-width: 100%; box-sizing: border-box;" src="asset/images/7177155867da5e14a448ebb8cd93be25-sz_41617.jpg?x-oss-process=style/xmorient" data-ratio="0.5466667" data-w="600"/>
                                    </section>
                                </section>
                            </section>
                            <section class="V5" style="position: static; background-image: none; box-sizing: border-box; background-color: rgba(1, 0, 0, 0);">
                                <section style="background-image: none; position: static; box-sizing: border-box;">
                                    <section style="text-align: left; color: rgb(110, 85, 51); line-height: 1.8; background-image: none; box-sizing: border-box; background-color: rgba(1, 0, 0, 0);">
                                        <p style="text-indent: 2em; background-image: none; margin: 0px; padding: 0px; box-sizing: border-box;">
                                            这部电影使我对于抗日战争，对于当时的“土八路”有了更深刻的明白。中国抗日战争的胜利是用所有爱国军民的血和汗，还有决不放下的精神和智慧换来的伟大胜利，每一个流淌着中国血液人的炎黄子孙都应位置深深骄傲，我们有了不起的先人！
                                        </p>
                                    </section>
                                </section>
                            </section>
                        </section>
                    </section>
                </section>
                <section class="V5" style="position: static; background-image: none; box-sizing: border-box;">
                    <section style="margin: 0px 0%; background-image: none; position: static; box-sizing: border-box; background-color: rgba(1, 0, 0, 0);">
                        <section style="background-color: rgb(182, 44, 37); height: 4px; background-image: none; box-sizing: border-box;"></section>
                    </section>
                </section>
            </section>
        </section>
    </section>
</section>
<section class="wrap_menu">
    <a id="menu_vote" class="menu_item">投票</a>&nbsp;&nbsp;
    <a id="menu_back" href="index.html?back=a" class="menu_item">返回</a>
</section>
<script src="http://cdn.bootcss.com/zepto/1.1.4/zepto.min.js" type="text/javascript"></script>
<script src="asset/js/utils.js" type="text/javascript"></script>
<script type="text/javascript">
    $(document).ready(function(){
        var articleId = "45b8da8c-a7ba-457e-a375-94a2a7648371";
        var user = getCookie("wusong_user");
        var openId = JSON.parse(user).OpenID;
        var nickName = JSON.parse(user).NickName;
        var total;

        $.getJSON("api/user/" + openId, function (data) {
            
            total = data.ThumbupCount;

            console.log("get user total of thumbup : " + total);

            //设置点赞按钮状态
            if (data.ThumbupCount >= 3) {
                $("#menu_vote").css("background-color", "gray");
                $("#menu_vote").unbind("click");
            }
        });

        $("#menu_vote").click(function(){

            var model = {"openid": openId, "nickname": nickName, "articleid": articleId };

            $.ajax({
                url: "api/thumbup/",
                contentType: "application/json; charset=utf-8",
                type: "POST",
                data: JSON.stringify(model),
                error: function (data) {
                    console.log(data);
                },
                success: function (data) {
                    total++;
                    console.log("vote ok. Total of thumbup : " + total);

                    if(total >= 3){
                        $("#menu_vote").css("background-color", "gray");
                        $("#menu_vote").unbind("click");       
                    }

                }
            });

        });

    });
    
</script>
</body>
</html>